<template>
	<view>
		<view class="title-box">
			<view class="title">{{ metadata.title }}</view>
		</view>
		<view class="placeholder"></view>
	</view>
</template>

<script>
	export default {
		props: {metadata: Object}
	}
</script>

<style scoped>
	.title-box {
		background-color: #F23030;
		width: 100%;
		height: 80rpx;
		position: fixed;
		z-index: 99;
	}
	
	.placeholder {
		height: 80rpx;
	}
	
	.title {
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: #FFF;
		font-weight: 600;
	}
</style>